<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="format-detection" content="telephone=no,email=no" />
<meta name="theme-color" content="#42d3a5" />
<link rel="shortcut icon" th:href="@{resources/img/favicon.png}"
	type="image/png" />
<title>基础认证登陆</title>
<link th:href="@{resources/css/chunk-common.css}" rel="stylesheet" />
</head>
<body class="login">
	<section class="hero is-fullheight">
		<div class="hero-body">
			<div class="container has-text-centered">
				<div class="column is-4 is-offset-4">
					<div class="box">
						<figure class="image is-128x128 login--logo">
							<img th:src="@{/resources/img/logo.png}" />
						</figure>
						<h1 class="title has-text-primary">简单登陆认证</h1>
						<form method="post">
							<input type="hidden" th:if="${_csrf}"
								th:name="${_csrf.parameterName}" th:value="${_csrf.token}" />
							<div class="field">
								<p class="is-medium has-text-danger"
									th:unless="${param.error == null}"
									data-i18n="login.invalid_username_or_password">非法用户名或者密码</p>
								<p class="is-medium" th:unless="${param.logout == null}"
									data-i18n="login.logout_successful">退出成功</p>
							</div>
							<div class="field">
								<div class="control">
									<input class="input is-medium" type="text" name="username"
										placeholder="用户名"
										data-i18n="placeholder:login.placeholder.username" autofocus
										th:classappend="${param.error != null} ? is-danger">
								</div>
							</div>
							<div class="field">
								<div class="control">
									<input class="input is-medium" type="password" name="password"
										placeholder="密码"
										data-i18n="placeholder:login.placeholder.password"
										th:classappend="${param.error != null} ? is-danger">
								</div>
							</div>
							<div class="field" th:if="false">
								<div class="control">
									<label class="checkbox"> <input type="checkbox"
										name="remember-me"> <span
										data-i18n="login.remember_me"></span>
									</label>
								</div>
							</div>
							<div class="field">
								<div class="control">
									<input type="submit"
										class="button is-block is-primary is-medium is-fullwidth"
										value="登陆" data-i18n="value:login.button_login">
								</div>
							</div>
							<div class="field">
								<br/>
								<p class="is-medium" style="font-size:12px" >@2019 登陆隐私说明 </p>
								<br/>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</section>
	<script th:src="@{/resources/js/chunk-vendors.js}"></script>
	<script th:src="@{/resources/js/chunk-common.js}"></script>
	<script th:src="@{/resources/js/login.js}"></script>
</body>
</html>